<template>
  <div class="page">
    <div class="root">
			<div>
				<div class="home">
					<header>
						<a href="">
							<div class="server svg">
								<div>
									<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1524813630734" class="icon injected-svg server " style="" viewBox="0 0 1024 1024" version="1.1" p-id="4520" width="32" height="32" data-src="/static/media/server.d4c16aac.svg">
										<defs>
											
										</defs>
										<path d="M516.080945 770.543428c4.373611 0 8.823969-0.26913 13.299911-0.797156 42.959418-5.15951 79.437214-35.18536 92.89983-76.561723 1.016143-3.093455-0.452301-6.408967-3.413749-7.770987-2.931772-1.36509-6.477528-0.183172-8.132214 2.591011-0.158612 0.264013-17.226337 27.832905-83.670631 36.806277-9.945513 1.335415-19.623943 2.035356-28.79686 2.035356-46.552246-0.029676-67.298755-17.575284-67.48602-17.736966-2.342348-2.082428-5.916756-2.137687-8.320503-0.107447-2.423189 2.02717-2.981914 5.555529-1.330298 8.252964C441.396989 750.109026 477.759151 770.543428 516.080945 770.543428L516.080945 770.543428 516.080945 770.543428zM516.080945 770.543428M873.350908 358.755804c-0.588401 0-1.122567 0.106424-1.677199 0.106424C832.742025 190.311417 683.97991 64.581877 505.626849 64.581877c-183.260837 0-335.435679 132.675742-369.160781 308.199361-32.794917 5.901407-57.757448 34.723849-57.757448 69.585845l0 139.514497c0 39.102576 31.357172 70.809719 70.074985 70.809719 21.839401 0 41.116443-10.31288 53.93847-26.151613 30.985712 81.954547 94.065376 148.032498 173.894516 182.89347 0.191358-0.414439 1.701758-3.354398 3.51915-5.696746 1.25969-1.62194 2.667759-2.952238 3.874237-2.952238 1.255597 0 2.4017 0.452301 3.384074 1.147126-18.475793-13.755282-85.210707-84.463694-99.666954-183.135994-6.345522-43.433208 26.185382-86.068238 64.071248-93.116771 60.821227-11.329023 121.325229-24.227798 182.146457-35.337833 38.661531-7.054673 65.083298-28.260647 81.242326-63.573921 3.78521-8.256034 9.250688-24.949228 11.758812-49.018414 0.666172-3.579525 3.601015-6.328126 7.361665-6.328126 2.509147 0 4.64274 1.280156 6.054903 3.128247l1.677199-1.045819c23.970948 34.80469 71.513754 111.865787 78.341253 193.124486 7.837502 92.903923 3.463891 156.532079-67.64361 221.62868-0.084934 0.080841-0.192382 0.183172-0.294712 0.26913-0.989537 1.063215-1.573845 2.453888-1.573845 3.977591 0 2.001587 1.066285 3.711532 2.611477 4.752234 0.584308 0.243547 1.172709 0.563842 1.762133 0.806365 0.476861 0.107447 0.934279 0.260943 1.412163 0.260943 0.481977 0 0.908696-0.154519 1.334391-0.260943 1.01205-0.533143 1.971911-1.151219 2.957355-1.685385 71.91489-39.617299 127.081327-105.776092 152.571884-185.354522 10.321066 15.331173 26.477025 26.365484 45.246507 30.214139C828.662103 778.155802 706.543811 863.847463 555.252083 876.857778c-9.067516-22.491247-31.383778-38.46608-57.595766-38.46608-34.233686 0-61.993936 27.117614-61.993936 60.530608 0 33.414017 27.756157 60.496839 61.993936 60.496839 27.598568 0 50.717102-17.732873 58.738799-42.092677C731.526809 903.08614 871.91214 798.990317 901.216559 637.253702c25.892717-10.821463 44.073798-36.222993 44.073798-65.87329L945.290357 430.214299C945.290357 390.757658 913.079748 358.755804 873.350908 358.755804L873.350908 358.755804 873.350908 358.755804zM808.744471 399.304312c-45.677319-123.727952-164.03803-212.117049-303.275211-212.117049-138.65799 0-256.591983 87.639013-302.691927 210.568786-2.296299-2.807952-4.983501-5.210675-7.624654-7.637957 26.100448-149.802818 155.021679-263.700891 310.473147-263.700891 154.705478 0 283.225573 112.778576 310.183552 261.536598C813.143665 391.533324 810.689776 395.271462 808.744471 399.304312L808.744471 399.304312 808.744471 399.304312zM808.744471 399.304312M376.629893 809.432133l-0.01228 0C376.591007 809.495578 376.591007 809.504788 376.629893 809.432133L376.629893 809.432133 376.629893 809.432133zM376.629893 809.432133" p-id="4521" fill="#FFFFFF"></path>
									</svg>
								</div>
							</div>
						</a>
						<a href="">
							<div class="help  svg">
								<div>
									<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1524813957437" class="icon injected-svg help " style="" viewBox="0 0 1024 1024" version="1.1" p-id="5392" width="32" height="32" data-src="/static/media/help.67aae1b9.svg">
										<defs>
											
										</defs>
										<path d="M512.128 677.376c-19.296 0-38.496 7.936-52.16 21.568s-21.6 32.8-21.6 52.064 7.936 38.464 21.6 52.064c13.632 13.632 32.832 21.568 52.16 21.568s38.496-7.936 52.16-21.568c13.632-13.632 21.6-32.8 21.6-52.064s-7.936-38.464-21.6-52.064c-13.632-13.632-32.832-21.568-52.16-21.568z" p-id="5393" fill="#FFFFFF"></path>
										<path d="M511.36 213.312c-49.728 0-89.92 15.232-120.544 45.632-30.624 30.464-48.48 72.416-49.472 111.072s80.64 30.624 83.648 11.552c3.2-20.224 16.576-52.896 32.16-67.68s35.008-22.208 58.176-22.208c24.064 0 43.2 7.104 57.376 21.312s21.312 31.296 21.312 51.2c0 14.368-4.032 27.52-12 39.456-5.184 7.552-21.12 23.488-47.68 47.84s-44.352 46.272-53.184 65.728-13.312 44.288-13.312 74.496c0 2.88 0.096 11.072 0.32 24.448l82.784 0c-0.448-28.224 1.696-47.84 6.336-58.784 4.64-10.976 16.576-25.472 35.776-43.456 37.12-34.784 61.376-62.336 72.736-82.496 11.328-20.192 16.96-41.664 16.96-64.288 0-40.896-15.424-76.768-46.4-107.584s-72.576-46.24-124.928-46.24z" p-id="5394" fill="#FFFFFF"></path>
										<path d="M512 0c-282.208 0-512 229.664-512 512.032s229.728 511.968 512 511.968c282.304 0 512-229.6 512-511.968s-229.632-512.032-512-512.032zM511.68 958.912c-246.848 0-447.584-200.768-447.584-447.456 0-246.848 200.768-447.552 447.584-447.552s447.648 200.672 447.648 447.552c0.032 246.72-200.8 447.456-447.648 447.456z" p-id="5395" fill="#FFFFFF"></path>
									</svg>
								</div>
							</div>
						</a>
					</header>
					<main>
						<div class="bannerBox">
							<div class="react-swipe-container banner swiper-container">
								<div class="imgList swiper-container swiper-container-horizontal">
									<div class="swiper-pagination swiper-pagination-bullets"></div>
									<ul class="swiper-wrapper">

										<li class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="3">
											<a href="">
												<img src="~assets/appStatic/images/index/banner1.jpg" />
											</a>
										</li>

										<li class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0">
											<a href="">
												<img src="~assets/appStatic/images/index/banner2.jpg" />
											</a>
										</li>

										<li class="swiper-slide" data-swiper-slide-index="1">
											<a href="">
												<img src="~assets/appStatic/images/index/banner3.jpg" />
											</a>
										</li>

										<li class="swiper-slide" data-swiper-slide-index="2">
											<a href="">
												<img src="~assets/appStatic/images/index/banner4.jpg" />
											</a>

										</li>

										<li class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="3">
											<a href="">
												<img src="~assets/appStatic/images/index/banner1.jpg" />
											</a>
										</li>

									</ul>
								</div>
							</div>
						</div>
						<div class="notice">
							<span>公告</span>
							<a href="">
								<div>
									<div class="noticesBox swiper-container swiper-container-horizontal">
										<div class="swiper-wrapper">
											<p class="swiper-slide" data-index="0">沪铜合约更换提醒</p>
											<p class="swiper-slide" data-index="1">非农预警提醒</p>
											<p class="swiper-slide" data-index="2">EIA延迟发布提醒</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="simulate">
							<a class="box" href="">
								<div class="boxLeft"><b>模拟练习</b>
									<p>免费练手成大牛</p>
								</div>
								<div class="boxRight">
									<div class="outBox">
										<div>
											<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1524821098546" class="icon injected-svg trend" style="" viewBox="0 0 1024 1024" version="1.1" p-id="5985" width="64" height="64" data-src="/static/media/trend.f7ba05d7.svg">
												<defs>
													
												</defs>
												<path d="M874.973867 348.296533l-49.026844-47.104-258.048 268.583822c-6.417067 6.690133-15.291733 10.478933-24.564622 10.490311-0.011378 0-0.034133 0-0.045511 0-9.261511 0-18.1248-3.766044-24.553244-10.422044L384.2048 430.500978 192.568889 632.2176c-6.701511 7.0656-15.724089 10.626844-24.746667 10.626844-8.442311 0-16.896-3.106133-23.506489-9.386667-13.664711-12.982044-14.222222-34.588444-1.2288-48.253156l216.177778-227.555556c6.405689-6.747022 15.303111-10.592711 24.610133-10.626844 0.045511 0 0.091022 0 0.136533 0 9.261511 0 18.1248 3.766044 24.553244 10.422044l134.667378 139.491556 233.506133-243.029333-49.026844-47.104 196.152889-56.763733L874.973867 348.296533zM167.822222 688.355556c-7.850667 0-15.473778-1.137778-22.755556-3.299556L145.066667 876.088889l102.4 0L247.466667 640.455111l-21.959111 23.096889C210.602667 679.367111 189.553778 688.355556 167.822222 688.355556zM270.222222 876.088889l102.4 0L372.622222 508.700444l-102.4 107.747556L270.222222 876.088889zM486.058667 601.429333l-90.680889-93.866667L395.377778 876.088889l102.4 0L497.777778 611.441778C493.568 608.483556 489.699556 605.184 486.058667 601.429333zM543.402667 625.777778c-7.850667 0-15.473778-1.137778-22.869333-3.413333L520.533333 876.088889l102.4 0L622.933333 578.218667l-22.186667 23.096889C585.841778 616.789333 564.906667 625.777778 543.402667 625.777778zM645.688889 554.552889 645.688889 876.088889l102.4 0L748.088889 447.943111 645.688889 554.552889zM827.278222 365.568l-56.433778 58.709333L770.844444 876.088889l102.4 0L873.244444 409.713778 827.278222 365.568z" p-id="5986"></path>
											</svg>
										</div>
									</div>
								</div>
							</a>
							<a class="box box1" href="">
								<div class="boxLeft"><b>领红包</b>
									<p>神秘礼包等你拿</p>
								</div>
								<div class="boxRight">
									<div class="outBox">
										<div>
											<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1524821411825" class="icon injected-svg trend" style="" viewBox="0 0 1024 1024" version="1.1" p-id="7053" width="64" height="64" data-src="/static/media/redPacket.e786ce38.svg">
												<defs>
													
												</defs>
												<path d="M849.066667 87.466667H174.933333c-53.333333 0-96 38.4-96 87.466666V853.333333c0 49.066667 42.666667 87.466667 96 87.466667h674.133334c53.333333 0 96-38.4 96-87.466667V172.8c0-49.066667-42.666667-85.333333-96-85.333333z m0 795.733333H174.933333c-23.466667 0-42.666667-14.933333-42.666666-34.133333V264.533333c76.8 64 226.133333 110.933333 379.733333 110.933334 151.466667 0 302.933333-49.066667 379.733333-110.933334v586.666667c0 19.2-19.2 32-42.666666 32zM512 322.133333c-215.466667 0-379.733333-98.133333-379.733333-147.2v-2.133333c0-19.2 19.2-34.133333 42.666666-34.133333h674.133334c23.466667 0 42.666667 14.933333 42.666666 34.133333v2.133333c0 49.066667-164.266667 147.2-379.733333 147.2z" fill="" p-id="7054"></path>
												<path d="M539.733333 614.4h91.733334v-53.333333h-89.6l81.066666-81.066667-38.4-36.266667-70.4 70.4-72.533333-70.4-36.266667 36.266667 78.933334 81.066667h-87.466667v53.333333h89.6v51.2h-96v53.333333h96V810.666667h53.333333v-91.733334h96v-53.333333h-96z" fill="" p-id="7055"></path>
											</svg>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="quotation">
							<div class="typeBox">
								<h4><b>国际期货</b></h4>
								<ul>
									<li>
										<a href="">
											<div class="top">美原油<span class="red">H</span></div>
											<div class="green middle">73.64</div>
											<div class="bottom green">-0.64%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">美黄金</div>
											<div class="green middle">1251.1</div>
											<div class="bottom green">-0.34%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">美白银</div>
											<div class="green middle">15.970</div>
											<div class="bottom green">-0.73%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">美铜<span class="red">H</span></div>
											<div class="green middle">2.7355</div>
											<div class="bottom green">-3.80%</div>
										</a>
									</li>
								</ul>
							</div>

							<div class="typeBox">
								<h4><b>股指期货</b></h4>
								<ul>
									<li>
										<a href="">
											<div class="top">沪深300<span class="red">H</span></div>
											<div class="green middle">3374.4</div>
											<div class="bottom green">-1.71%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">上证50</div>
											<div class="green middle">2411.8</div>
											<div class="bottom green">-1.27%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">中证500</div>
											<div class="green middle">4975.6</div>
											<div class="bottom green">-2.32%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">恒指<span class="red">H</span></div>
											<div class="green middle">28274</div>
											<div class="bottom green">-1.33%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">小恒指</div>
											<div class="green middle">28274</div>
											<div class="bottom green">-1.33%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">富时A50</div>
											<div class="green middle">11205.0</div>
											<div class="bottom green">-1.45%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">德指<span class="red">H</span></div>
											<div class="green middle">12502.5</div>
											<div class="bottom green">-0.78%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">小德指</div>
											<div class="green middle">12502.0</div>
											<div class="bottom green">-0.78%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">小道指<span class="green">N</span></div>
											<div class="green middle">24716</div>
											<div class="bottom green">-0.85%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">小纳指<span class="green">N</span></div>
											<div class="green middle">7230.50</div>
											<div class="bottom green">-0.98%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">日经指数<span class="green">N</span></div>
											<div class="green middle">21925</div>
											<div class="bottom green">-1.23%</div>
										</a>
									</li>
								</ul>
							</div>

							<div class="typeBox">
								<h4><b>国内期货</b></h4>
								<ul>
									<li>
										<a href="">
											<div class="top">天然橡胶</div>
											<div class="green middle">10295</div>
											<div class="bottom green">-0.92%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">螺纹钢<span class="red">H</span></div>
											<div class="red middle">3876</div>
											<div class="bottom red">+0.39%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">沪镍</div>
											<div class="green middle">108840</div>
											<div class="bottom green">-2.58%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">沪铜</div>
											<div class="green middle">47870</div>
											<div class="bottom green">-4.03%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">沪银</div>
											<div class="green middle">3736</div>
											<div class="bottom green">-0.40%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">沪金</div>
											<div class="red middle">272.70</div>
											<div class="bottom red">+0.13%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">热卷</div>
											<div class="red middle">3945</div>
											<div class="bottom red">+0.38%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">锰硅</div>
											<div class="green middle">7720</div>
											<div class="bottom green">-1.27%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">白糖</div>
											<div class="green middle">4811</div>
											<div class="bottom green">-1.75%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">PP聚丙烯</div>
											<div class="red middle">9213</div>
											<div class="bottom red">+0.22%</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="top">原油期货<span class="green">N</span></div>
											<div class="red middle">506.8</div>
											<div class="bottom red">+1.36%</div>
										</a>
									</li>
								</ul>
							</div>

						</div>

						<div class="declare">
							<p>交易由纽约商业、商品交易所及香港交易所等实盘对接。</p>
							<p>本产品属于高风险、高收益投资品种；投资者应具有较高的风险识别能力、资金实力与风险承受能力。</p>
						</div>

					</main>					
				</div>
			</div>
		</div>
  </div>
</template>

<script>
import Vue from "vue";
import store from "src/store/index";
export default {
  data() {
    return {};
  },
  components: {

  },
  methods: {
   
  },
  mounted: function() {
  
  },
  computed: {
   
  }
};
</script>
<style lang="less" scope>
@import url("~assets/less/_mixins.less");

</style>